<!--  -->
<template>
<div class='addressbox'>
    <header>
        <span>&lt;</span>
        <span>AddressList</span>
        <span></span>
    </header>
    <main>
        <van-address-list
            v-model="chosenAddressId"
            :list="list"
            default-tag-text="默认"
            @add="onAdd"
            @edit="onEdit"
        />
    </main>
</div>
</template>

<script>

export default {
//import引入的组件需要注入到对象中才能使用
components: {},
data() {
//这里存放数据
return {
    chosenAddressId: '1',
      list: [
        {
          id: '1',
          name: '张三',
          tel: '13000000000',
          address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
          isDefault: true,
        },
        {
          id: '2',
          name: '李四',
          tel: '1310000000',
          address: '浙江省杭州市拱墅区莫干山路 50 号',
        },
      ],
};
},
//监听属性 类似于data概念
computed: {},
//监控data中的数据变化
watch: {},
//方法集合
methods: {
onAdd() {
      
    },
    onEdit() {
      
    },
},
//生命周期 - 创建完成（可以访问当前this实例）
created() {

},
//生命周期 - 挂载完成（可以访问DOM元素）
mounted() {

}
}
</script>
<style lang='scss' scoped>
.addressbox{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: #efefef;
    header{
        height: 3.75rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    main{
        flex:1;
        background: #efefef;
    }
}
</style>